<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<jsp:include page="base/head.html" flush="true" />
<body class="no-skin">
<jsp:include page="base/top_head.html" flush="true" />
<div class="main-container ace-save-state" id="main-container">
    <jsp:include page="base/menu.html" flush="true" />
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
				<!--
                <div class="page-header">
							
				</div>--><!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						
						<div class="row">

						
						
						
						
							<div class="col-sm-2">
								<div  class="sidebar responsive ace-save-state">
									<ul class="nav nav-list">
										<li class="open active">
											<a href="#" class="dropdown-toggle">
												<i class="menu-icon fa fa-list"></i>
												<span class="menu-text"> 赛罕塔拉镇 </span>

												<b class="arrow fa fa-angle-down"></b>
											</a>

											<b class="arrow"></b>

											<ul class="submenu">
												<li class="active">
													<a href="fpgz_bfxx.jsp">
														<i class="menu-icon fa fa-caret-right"></i>
													   帮扶信息
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="fpgz_pkhlb.jsp">
														<i class="menu-icon fa fa-caret-right"></i>
														贫困户信息
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="fpgz_pkhlb_xq.jsp">
														<i class="menu-icon fa fa-caret-right"></i>
														贫困户详细
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="tables.html">
														<i class="menu-icon fa fa-caret-right"></i>
														天空之城
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="tables.html">
														<i class="menu-icon fa fa-caret-right"></i>
														天空之城
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="tables.html">
														<i class="menu-icon fa fa-caret-right"></i>
														天空之城
													</a>

													<b class="arrow"></b>
												</li>
												<li class="">
													<a href="jqgrid.html">
														<i class="menu-icon fa fa-caret-right"></i>
														盐城
													</a>
													<b class="arrow"></b>
												</li>
											</ul>
										</li>
										<li class="">
										<a href="#" class="dropdown-toggle">
											<i class="menu-icon fa fa-pencil-square-o"></i>
											<span class="menu-text"> 珠日和镇 </span>

											<b class="arrow fa fa-angle-down"></b>
										</a>

										<b class="arrow"></b>

										<ul class="submenu">
											<li class="">
												<a href="form-elements.html">
													<i class="menu-icon fa fa-caret-right"></i>
													胡和文
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="form-elements-2.html">
													<i class="menu-icon fa fa-caret-right"></i>
													好日抱拳
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="form-wizard.html">
													<i class="menu-icon fa fa-caret-right"></i>
													巴彦忽热
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="wysiwyg.html">
													<i class="menu-icon fa fa-caret-right"></i>
													鼎折覆餗
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="dropzone.html">
													<i class="menu-icon fa fa-caret-right"></i>
													好力宝图
												</a>

												<b class="arrow"></b>
											</li>
										</ul>
									</li>
										<li class="">
											<a href="#" class="dropdown-toggle">
												<i class="menu-icon fa fa-pencil-square-o"></i>
												<span class="menu-text"> 珠日和镇 </span>

												<b class="arrow fa fa-angle-down"></b>
											</a>

											<b class="arrow"></b>

											<ul class="submenu">
												<li class="">
													<a href="form-elements.html">
														<i class="menu-icon fa fa-caret-right"></i>
														胡和文
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-elements-2.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好日抱拳
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-wizard.html">
														<i class="menu-icon fa fa-caret-right"></i>
														巴彦忽热
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="wysiwyg.html">
														<i class="menu-icon fa fa-caret-right"></i>
														鼎折覆餗
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="dropzone.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好力宝图
													</a>

													<b class="arrow"></b>
												</li>
											</ul>
										</li>
										<li class="">
											<a href="#" class="dropdown-toggle">
												<i class="menu-icon fa fa-pencil-square-o"></i>
												<span class="menu-text"> 珠日和镇 </span>

												<b class="arrow fa fa-angle-down"></b>
											</a>

											<b class="arrow"></b>

											<ul class="submenu">
												<li class="">
													<a href="form-elements.html">
														<i class="menu-icon fa fa-caret-right"></i>
														胡和文
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-elements-2.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好日抱拳
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-wizard.html">
														<i class="menu-icon fa fa-caret-right"></i>
														巴彦忽热
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="wysiwyg.html">
														<i class="menu-icon fa fa-caret-right"></i>
														鼎折覆餗
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="dropzone.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好力宝图
													</a>

													<b class="arrow"></b>
												</li>
											</ul>
										</li>
										<li class="">
											<a href="#" class="dropdown-toggle">
												<i class="menu-icon fa fa-pencil-square-o"></i>
												<span class="menu-text"> 珠日和镇 </span>

												<b class="arrow fa fa-angle-down"></b>
											</a>

											<b class="arrow"></b>

											<ul class="submenu">
												<li class="">
													<a href="form-elements.html">
														<i class="menu-icon fa fa-caret-right"></i>
														胡和文
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-elements-2.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好日抱拳
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-wizard.html">
														<i class="menu-icon fa fa-caret-right"></i>
														巴彦忽热
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="wysiwyg.html">
														<i class="menu-icon fa fa-caret-right"></i>
														鼎折覆餗
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="dropzone.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好力宝图
													</a>

													<b class="arrow"></b>
												</li>
											</ul>
										</li>
										<li class="">
											<a href="#" class="dropdown-toggle">
												<i class="menu-icon fa fa-pencil-square-o"></i>
												<span class="menu-text"> 珠日和镇 </span>

												<b class="arrow fa fa-angle-down"></b>
											</a>

											<b class="arrow"></b>

											<ul class="submenu">
												<li class="">
													<a href="form-elements.html">
														<i class="menu-icon fa fa-caret-right"></i>
														胡和文
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-elements-2.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好日抱拳
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="form-wizard.html">
														<i class="menu-icon fa fa-caret-right"></i>
														巴彦忽热
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="wysiwyg.html">
														<i class="menu-icon fa fa-caret-right"></i>
														鼎折覆餗
													</a>

													<b class="arrow"></b>
												</li>

												<li class="">
													<a href="dropzone.html">
														<i class="menu-icon fa fa-caret-right"></i>
														好力宝图
													</a>

													<b class="arrow"></b>
												</li>
											</ul>
										</li>
									</ul><!-- /.nav-list -->
								</div>
							</div>
                    
							<div class="col-sm-10">
								<div class="widget-box transparent" id="recent-box">
									<div class="widget-header">
										<h4 class="widget-title lighter smaller"  style="float: left;">
											<i class="ace-icon fa fa-rss orange"></i>扶贫跟踪
										</h4>

										<div class="widget-toolbar no-border" style="float: left;">
											<ul class="nav nav-tabs" id="recent-tab">
												<li class="active">
													<a data-toggle="tab" href="#bfxx-tab">帮扶信息</a>
												</li>

												<li>
													<a data-toggle="tab" href="#pkhlb-tab">贫困户列表</a>
												</li>

												<li>
													<a data-toggle="tab" href="#bfrkh-tab">帮扶人考核</a>
												</li>
											</ul>
										</div>
									</div>

									<div class="widget-body">
										<div class="widget-main padding-4">
											<div class="tab-content padding-8">
												<div id="bfxx-tab" class="tab-pane active">
													<div class="row">
														<div class="col-sm-12">
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																帮扶组织信息
															</h4>
															<div class="col-xs-8">
																<!-- form CONTENT BEGINS -->
																<form class="form-horizontal" role="form" id="bfzzxx-form">
																	<div class="form-group">
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 村名 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 贫困程度 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 所属乡镇 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 包村处级领导 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 包村乡镇领导 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 包村旗级单位 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 工作队长姓名 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 联系电话 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																		<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 工作职务 </label>

																		<div class="col-sm-2">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																	</div>
																</form>
																
																<table id="gzddy-list"></table> 
																
															
															
															</div>
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																满意度排行榜
															</h4>
															<div class="col-xs-4">

																
																
																<table class="table table-striped table-bordered table-hover">
																	

																	<tbody>
																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>

																		<tr>
																			<td class="">Alex</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆☆</span>
																			</td>
																			<td class="">Fred</td>
																			<td class="">
																				<span class="label label-warning">☆☆☆</span>
																			</td>
																		</tr>																		
																	</tbody>
																</table>
																
																
																
																
																
																
																
																
																
																
																
																
																
																
																
																
																
																
																
															</div>
														</div>
													</div>
													<div class="row">
														<div class="col-sm-12">
															
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																帮扶记录
															</h4>
															<div class="col-sm-12">
																<table id="bfjl-list"></table>
																<div id="bfjl-list-pager"></div>
															</div>
														</div>
													</div>
													
													<div class="row">
														<div class="col-sm-12">
															
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																走访日志
															</h4>
															<div class="col-sm-12">
																<table id="zfrz-list"></table>
																<div id="zfrz-list-pager"></div>
															</div>
														</div>
													</div>
												</div>

												<div id="pkhlb-tab" class="tab-pane">
													<div class="row">
														<div class="col-sm-12">
															
															<form class="form-horizontal" role="form" id="bfzzxx-form">
																<div class="col-xs-4 col-sm-4">
																	<div class="form-group">
																		<label class="col-sm-4 control-label no-padding-right" for="form-field-1"> 贫困户名 </label>

																		<div class="col-sm-8">
																			<input type="text" id="form-field-1" placeholder="" class="col-xs-10 col-sm-12" />
																		</div>
																		
																	</div>
																</div>
																<div class="col-xs-4 col-sm-4">
																		<span class="input-group-btn">
																			<button type="button" class="btn btn-inverse btn-white">
																				<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
																				查询
																			</button>
																		</span>
																</div>
															</form>
														</div>
													</div>
													
													<div class="row">
														<div class="col-sm-12">
															
															<h4 class="smaller lighter green">
																<i class="ace-icon fa fa-list"></i>
																贫困户列表
															</h4>
															<div class="col-sm-12">
																<table id="pkh-list"></table>
																<div id="pkh-list-pager"></div>
															</div>
														</div>
													</div>

													
												</div><!-- /.#pkhlb-tab -->

												<div id="bfrkh-tab" class="tab-pane">
													<div class="comments">
														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Bob Doe's Avatar" src="assets/images/avatars/avatar.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Bob Doe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="green">6 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="inline position-relative">
																	<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
																		<i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																				<span class="green">
																					<i class="ace-icon fa fa-check bigger-110"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																				<span class="orange">
																					<i class="ace-icon fa fa-times bigger-110"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="ace-icon fa fa-trash-o bigger-110"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Jennifer's Avatar" src="assets/images/avatars/avatar1.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Jennifer</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="blue">15 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Joe's Avatar" src="assets/images/avatars/avatar2.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Joe</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="orange">22 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>

														<div class="itemdiv commentdiv">
															<div class="user">
																<img alt="Rita's Avatar" src="assets/images/avatars/avatar3.png" />
															</div>

															<div class="body">
																<div class="name">
																	<a href="#">Rita</a>
																</div>

																<div class="time">
																	<i class="ace-icon fa fa-clock-o"></i>
																	<span class="red">50 min</span>
																</div>

																<div class="text">
																	<i class="ace-icon fa fa-quote-left"></i>
																	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
																</div>
															</div>

															<div class="tools">
																<div class="action-buttons bigger-125">
																	<a href="#">
																		<i class="ace-icon fa fa-pencil blue"></i>
																	</a>

																	<a href="#">
																		<i class="ace-icon fa fa-trash-o red"></i>
																	</a>
																</div>
															</div>
														</div>
													</div>

													<div class="hr hr8"></div>

													<div class="center">
														<i class="ace-icon fa fa-comments-o fa-2x green middle"></i>

														&nbsp;
														<a href="#" class="btn btn-sm btn-white btn-info">
															See all comments &nbsp;
															<i class="ace-icon fa fa-arrow-right"></i>
														</a>
													</div>

													<div class="hr hr-double hr8"></div>
												</div>
											</div>
										</div><!-- /.widget-main -->
									</div><!-- /.widget-body -->
								</div><!-- /.widget-box -->
							</div><!-- /.col -->

							
						</div><!-- /.row -->
						
						<div class="hr hr32 hr-dotted"></div>
						
						<!-- PAGE CONTENT ENDS -->
					</div><!-- /.col -->
				</div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div>
	
</div>
<jsp:include page="base/footer.html" flush="true" />

		<!-- inline scripts related to this page -->
		<!-- 工作队队员列表 -->
		<script type="text/javascript">
			var form_width = $("#bfzzxx-form").width();
			
			//resize to fit page size
			$(window).on('resize.jqGrid', function () {
				$("#gzddy-list").jqGrid( 'setGridWidth', $("#bfzzxx-form").width()-5 );
		    });
			
			$("#gzddy-list").jqGrid({
						datatype : "local",
						autowidth: true,
						colNames : [ '姓名', '职务', '联系电话'],
						colModel : [ 
							{name : 'name',index : 'name',width : form_width*0.33}, 
							{name : 'zhiwu',index : 'zhiwu',width : form_width*0.33,sortable : false},
							{name : 'telphone',index : 'telphone',width : form_width*0.33},
						],
						scroll : 3,//3行可见
						multiselect : false
						//caption : "工作队队员列表"
				});

				var mydata = [ 
                 {id : "1",name : "张三",telphone : "18888888888",zhiwu : "科级领导干部"}, 
                 {id : "2",name : "李四",telphone : "18888888888",zhiwu : "科级领导干部"}, 
                 {id : "3",name : "王五",telphone : "18888888888",zhiwu : "科级领导干部"}, 
                 {id : "4",name : "赵六",telphone : "18888888888",zhiwu : "科级领导干部"}
               ];
				for ( var i = 0; i <= mydata.length; i++){
					$("#gzddy-list").jqGrid('addRowData', i + 1, mydata[i]);
				};
		</script>
		
		<!-- 帮扶记录 -->
		<script type="text/javascript">
		function detailClick_bfjl(rowid){
			alert("bfjl rowid="+rowid);
		};
		jQuery(function($) {
			var bfjl_parent_column = $("#bfjl-list").closest('[class*="col-"]');
			//resize to fit page size
			$(window).on('resize.jqGrid', function () {
				$("#bfjl-list").jqGrid( 'setGridWidth', bfjl_parent_column.width() );
		    });
			
			
			
			$("#bfjl-list").jqGrid({
						datatype : "local",
						height : 100,
						autowidth: true,
						colNames : [ '序号', '日期', '产业分类', '投入项目', '投入金额', '项目说明',' '],
						colModel : [ 
							{name : 'xh',index : 'xh',width : 50}, 
							{name : 'invdate',index : 'invdate',width : 100,sortable : false},
							{name : 'cyfl',index : 'cyfl',width : 100},
							{name : 'trxm',index : 'trxm',width : 100},
							{name : 'trje',index : 'trje',width : 100},
							{name : 'xmsm',index : 'xmsm'},
							{name : 'myac',index : '', width:80, fixed:true, sortable:false, resize:false,
//								formatter:'actions', 
								formatter: function (cellvalue, options, rowObject) {
					
									var detail='<div style="cursor: pointer;">';
									detail += '<i class="normal-icon ace-icon fa fa-eye blue bigger-130" onclick="detailClick_bfjl(' + options.rowId +')">详细</i>';
									detail += '</div>';
									return detail;
								}
								
							}
							
						],
						rowNum:10,
						rowList:[10,20,30],
						pager: '#bfjl-list-pager',
						sortname : 'xh',
						viewrecords : true,
						altRows: true,
						sortorder : "desc",
						loadComplete : function() {
							var table = this;
							setTimeout(function(){
								styleCheckbox(table);
								
								updateActionIcons(table);
								updatePagerIcons(table);
								enableTooltips(table);
							}, 0);
						},
						multiselect : false
			});
			$(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size
			
			var mydata = [ 
                {xh : "1",invdate : "2017-07-26",cyfl : "林业",trxm : "伐木",trje : "200000.00",xmsm : "是的发生的顶顶顶顶顶顶顶顶顶顶"}, 
                {xh : "2",invdate : "2017-07-26",cyfl : "林业",trxm : "伐木",trje : "200000.00",xmsm : "是的发生的顶顶顶顶顶顶顶顶顶顶"}, 
                {xh : "3",invdate : "2017-07-26",cyfl : "林业",trxm : "伐木",trje : "200000.00",xmsm : "是的发生的顶顶顶顶顶顶顶顶顶顶"},
                {xh : "4",invdate : "2017-07-26",cyfl : "林业",trxm : "伐木",trje : "200000.00",xmsm : "是的发生的顶顶顶顶顶顶顶顶顶顶"}
              ];
			for ( var i = 0; i <= mydata.length; i++){
				$("#bfjl-list").jqGrid('addRowData', i + 1, mydata[i]);
			};
			
			
		});
		</script>

		<!-- 走访日志 -->
		<script type="text/javascript">
			var zfrz_parent_column = $("#zfrz-list").closest('[class*="col-"]');
			//resize to fit page size
			$(window).on('resize.jqGrid', function () {
				$("#zfrz-list").jqGrid( 'setGridWidth', zfrz_parent_column.width() );
		    });
			function detailClick_zfrz(rowid){
				alert("zfrz rowid="+rowid);
			};
			$("#zfrz-list").jqGrid({
						datatype : "local",
						height : 100,
						autowidth: true,
						colNames : [ '序号', '帮扶日期', '帮扶内容', '乡镇/村', '帮扶照片',''],
						colModel : [ 
							{name : 'xh',index : 'xh',width : 50}, 
							{name : 'invdate',index : 'invdate',width : 100,sortable : false},
							{name : 'cyfl',index : 'cyfl',width : 100},
							{name : 'trxm',index : 'trxm',width : 100},
							{name : 'xmsm',index : 'xmsm',sortable: false, editable: false, 
								formatter: function (cellvalue, options, rowObject) {
									console.log(cellvalue);

									var imgPathAry = cellvalue.split(',');
									var detail = '';
									for(var imgPath in imgPathAry){
										console.log(imgPathAry[imgPath]);
										detail += '<img src="'+ imgPathAry[imgPath] +'" style="width:50px;height:50px;" />';
									}

									return detail;
								} 
							},
							{name : 'myac',index : '', width:80, fixed:true, sortable:false, resize:false,
//								formatter:'actions', 
								formatter: function (cellvalue, options, rowObject) {
					
									var detail='<div style="cursor: pointer;">';
									detail += '<i class="normal-icon ace-icon fa fa-eye blue bigger-130" onclick="detailClick_zfrz(' + options.rowId +')">详细</i>';
									detail += '</div>';
									return detail;
								}
								
							}
						],
						rowNum:10,
						rowList:[10,20,30],
						pager: '#zfrz-list-pager',
						sortname : 'xh',
						viewrecords : true,
						sortorder : "desc",
						loadComplete : function() {
							var table = this;
							setTimeout(function(){
								styleCheckbox(table);
								
								updateActionIcons(table);
								updatePagerIcons(table);
								enableTooltips(table);
							}, 0);
						},

						multiselect : false
				});
				$(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size
				var mydata = [ 
                 {xh : "1",invdate : "2017-07-26",cyfl : "推广养鸡",trxm : "白旗镇/大龙村",xmsm : "assets\\images\\avatars\\avatar.png,assets/images/avatars/avatar1.png,assets/images/avatars/profile-pic.jpg"}, 
                 {xh : "2",invdate : "2017-07-26",cyfl : "推广养鸡",trxm : "白旗镇/大龙村",xmsm : "assets\\images\\avatars\\avatar.png,assets\\images\\li\\fp_row2_col1.png"}, 
                 {xh : "3",invdate : "2017-07-26",cyfl : "推广养鸡",trxm : "白旗镇/大龙村",xmsm : "assets\\images\\avatars\\avatar.png"},
                 {xh : "4",invdate : "2017-07-26",cyfl : "推广养鸡",trxm : "白旗镇/大龙村",xmsm : "assets\\images\\avatars\\avatar.png"}
               ];
				for ( var i = 0; i <= mydata.length; i++){
					$("#zfrz-list").jqGrid('addRowData', i + 1, mydata[i]);
				};
		</script>
	
		<!-- 贫困户列表 -->
		<script type="text/javascript">
			var pkh_parent_column = $("#pkh-list").closest('[class*="col-"]').closest('h4');
			//resize to fit page size
			$(window).on('resize.jqGrid', function () {
				$("#pkh-list").jqGrid( 'setGridWidth', pkh_parent_column.width() );
		    });
			function detailClick_pkh(rowid){
				alert("pkh rowid="+rowid);
			};
			$("#pkh-list").jqGrid({
						datatype : "local",
						height : '100%',
						autowidth: true,
						colNames : [ '序号', '贫困户名', '贫困户属性', '解决温饱', '危房','参加新农合','参加养老保险','致贫原因','贫困状态','帮扶责任人','帮扶次数','走访次数',''],
						colModel : [ 
							{name : 'xh',index : 'xh',width : 50}, 
							{name : 'name',index : 'name',width : 100,sortable : false},
							{name : 'pkhsx',index : 'pkhsx',width : 100},
							{name : 'jjwb',index : 'jjwb'},
							{name : 'wf',index : 'wf',width : 50},
							{name : 'cjxnh',index : 'cjxnh',width : 100},
							{name : 'cjylbx',index : 'cjylbx',width : 100},
							{name : 'zpyy',index : 'zpyy'},
							{name : 'pkzt',index : 'pkzt'},
							{name : 'bfzrr',index : 'bfzrr',width : 100},
							{name : 'bfcs',index : 'bfcs'},
							{name : 'zfcs',index : 'zfcs'},
							{name : 'myac',index : '', width:80, fixed:true, sortable:false, resize:false,
//								formatter:'actions', 
								formatter: function (cellvalue, options, rowObject) {
					
									var detail='<div style="cursor: pointer;">';
									detail += '<i class="normal-icon ace-icon fa fa-eye blue bigger-130" onclick="detailClick_zfrz(' + options.rowId +')">详细</i>';
									detail += '</div>';
									return detail;
								}
								
							}
						],
						rowNum:20,
						rowList:[10,20,30],
						pager: '#pkh-list-pager',
						sortname : 'xh',
						viewrecords : true,
						sortorder : "desc",
						loadComplete : function() {
							var table = this;
							setTimeout(function(){
								styleCheckbox(table);
								
								updateActionIcons(table);
								updatePagerIcons(table);
								enableTooltips(table);
							}, 0);
						},

						multiselect : false
				});
				console.log('jqgrid.................');
				var mydata = [ 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
                 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}, 
				 {xh : "1",name : "张三",pkhsx : "低保贫困户",jjwb : "是",wf : "是",cjxnh : "是",cjylbx : "是",zpyy : "户主第三方第三方士大夫双方都",pkzt : "返贫",bfzrr : "李四",bfcs : "13",zfcs : "7"}
               ];
				for ( var i = 0; i <= mydata.length; i++){
					$("#pkh-list").jqGrid('addRowData', i + 1, mydata[i]);
				};
		</script>				
		
		<script type="text/javascript">
			jQuery(function($) {
				 

			
				$('.easy-pie-chart.percentage').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
					var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
					var size = parseInt($(this).data('size')) || 50;
					$(this).easyPieChart({
						barColor: barColor,
						trackColor: trackColor,
						scaleColor: false,
						lineCap: 'butt',
						lineWidth: parseInt(size/10),
						animate: ace.vars['old_ie'] ? false : 1000,
						size: size
					});
				})
			
				$('.sparkline').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
					$(this).sparkline('html',
									 {
										tagValuesAttribute:'data-values',
										type: 'bar',
										barColor: barColor ,
										chartRangeMin:$(this).data('min') || 0
									 });
				});
			
			
			  //flot chart resize plugin, somehow manipulates default browser resize event to optimize it!
			  //but sometimes it brings up errors with normal resize event handlers
			  $.resize.throttleWindow = false;
			
			  var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
			  var data = [
				{ label: "social networks",  data: 38.7, color: "#68BC31"},
				{ label: "search engines",  data: 24.5, color: "#2091CF"},
				{ label: "ad campaigns",  data: 8.2, color: "#AF4E96"},
				{ label: "direct traffic",  data: 18.6, color: "#DA5430"},
				{ label: "other",  data: 10, color: "#FEE074"}
			  ]
			  
			

			
			
			  //pie chart tooltip example
			  var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
			  var previousPoint = null;
			
			  placeholder.on('plothover', function (event, pos, item) {
				if(item) {
					if (previousPoint != item.seriesIndex) {
						previousPoint = item.seriesIndex;
						var tip = item.series['label'] + " : " + item.series['percent']+'%';
						$tooltip.show().children(0).text(tip);
					}
					$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
				} else {
					$tooltip.hide();
					previousPoint = null;
				}
				
			 });
			
				/////////////////////////////////////
				$(document).one('ajaxloadstart.page', function(e) {
					$tooltip.remove();
				});
			
			
			
			
				var d1 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d1.push([i, Math.sin(i)]);
				}
			
				var d2 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d2.push([i, Math.cos(i)]);
				}
			
				var d3 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.2) {
					d3.push([i, Math.tan(i)]);
				}
				
			
				var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});

			
			
				$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('.tab-content')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			
			
				$('.dialogs,.comments').ace_scroll({
					size: 300
			    });
				
				
				//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
				//so disable dragging when clicking on label
				var agent = navigator.userAgent.toLowerCase();
				if(ace.vars['touch'] && ace.vars['android']) {
				  $('#tasks').on('touchstart', function(e){
					var li = $(e.target).closest('#tasks li');
					if(li.length == 0)return;
					var label = li.find('label.inline').get(0);
					if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
				  });
				}
			
				$('#tasks').sortable({
					opacity:0.8,
					revert:true,
					forceHelperSize:true,
					placeholder: 'draggable-placeholder',
					forcePlaceholderSize:true,
					tolerance:'pointer',
					stop: function( event, ui ) {
						//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
						$(ui.item).css('z-index', 'auto');
					}
					}
				);
				$('#tasks').disableSelection();
				$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
					if(this.checked) $(this).closest('li').addClass('selected');
					else $(this).closest('li').removeClass('selected');
				});
			
			
				//show the dropdowns on top or bottom depending on window height and menu position
				$('#bfxx-tab .dropdown-hover').on('mouseenter', function(e) {
					var offset = $(this).offset();
			
					var $w = $(window)
					if (offset.top > $w.scrollTop() + $w.innerHeight() - 100) 
						$(this).addClass('dropup');
					else $(this).removeClass('dropup');
				});
			
			})
		</script>
		<script>
			jQuery(function ($) {
				menuActive(1)
			})
		</script>
</body>
</html>
